<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><%=request.getAttribute("orgname")%>NOC运营平台</title>
<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
<!-- Bootstrap 3.3.5 -->
<link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="//cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css"
	rel="stylesheet">
<!--<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
 Font Awesome 
<link rel="stylesheet"
	href="resources/font-awesome-4.3.0/css/font-awesome.min.css">-->
<!-- Ionicons 
<link rel="stylesheet"
	href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">-->
<!-- Theme style -->
<link rel="stylesheet" href="plugins/jQueryUI/jquery-ui.min.css">

<link rel="stylesheet" href="dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
<style type="text/css">
iframe {
	width: 100%;
	border: 0;
}

.close-tab {
	font-size: 5px;
	position: absolute;
	right: 2px;
	top: 0px;
	padding-left: 25px;
	z-index: 100;
	cursor: hand;
	cursor: pointer;
	color: #94A6B0;
}

.myNav {
	padding-top: 5px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin-bottom: 1px;
	height: 50px;
	font-size: 18x;
	font-weight: bold;
	font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑',
		Arial, sans-serif;
	font-size: 18x;
}

.nav-bg-color {
	background-color: #0596ea !important;
	/*box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);*/
}

.nav-text {
	font-size: 15px !important;
	font-weight: bold;
	font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑',
		Arial, sans-serif;
}
</style>

</head>
<body class="hold-transition skin-blue layout-top-nav " ng-app="idcApp"
	ng-controller="indexController">
	<div class="wrapper">

		<header class="main-header ">
			<!-- Logo -->
			<!-- Header Navbar: style can be found in header.less -->
			<nav class="navbar navbar-static-top  nav-bg-color "
				role="navigation">
				<div class="navbar-header">
					<a href="../../index2.html" class="navbar-brand"><b><%=request.getAttribute("orgname")%>NOC业务运营平台</b></a>
					<button type="button" class="navbar-toggle collapsed"
						data-toggle="collapse" data-target="#navbar-collapse">
						<i class="fa fa-bars"></i>
					</button>
				</div>
				<div class="collapse navbar-collapse pull-left" id="navbar-collapse">
					<ul class="nav navbar-nav nav-text">
						<li><a href="#"
							onclick="setIfAddress('if-0','../../mainpage/main.jsp');"
							class=""><i class="fa fa-home"></i>首页 <span class="sr-only">(current)</span>
						</a></li>
						<li class="dropdown" ng-repeat="menu in menus"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"> <i
								class="{{menu.cssClass}}"></i> <span>{{menu.name}}</span>

						</a>
							<ul class="dropdown-menu" role="menu">
								<li ng-repeat="subMenu in menu.subMenu"><a
									ng-click="openTab(subMenu)"><i class="{{subMenu.cssClass}}"></i>{{subMenu.name}}</a></li>
							</ul></li>
					</ul>
				</div>

				<div class="navbar-custom-menu">
					<ul class="nav navbar-nav">

						<li><a><span class="hidden-xs">欢迎<%=request.getAttribute("rolename") %>[
						<%=request.getAttribute("realname") %>]登录</span></a>
						</li>

						<!-- Control Sidebar Toggle Button -->
						<li data-toggle="modal" data-target="#myModal"><a href="#"
							data-toggle="control-sidebar"><i class="fa fa-power-off"></i></a></li>
					</ul>
				</div>

			</nav>
		</header>


		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<divid="main-iframe"> <iframe id="if-0" name="if-0" src=""
				height='0'></iframe>
		</div>
	</div>
	<!-- /.content-wrapper -->


	<footer class="main-footer">
		<div class="pull-right hidden-xs">
			<b>Version</b> 2.3.0
		</div>
		<strong>Copyright &copy; 2016-2017 <a
			href="http://www.donica.cn">多尼卡</a>.
		</strong> All rights reserved.
	</footer>

	<div class="modal fade" id="myModal" role="model">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title">系统消息</h4>
				</div>
				<div class="modal-body">
					<p>您确定要注销会话退出系统吗？</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default pull-left"
						data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" onclick="logout();">确定</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->
	</div>
	<!-- ./wrapper -->

	<script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
	<script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<script src="//cdn.bootcss.com/jqueryui/1.11.4/jquery-ui.min.js"></script>
	<script src="//cdn.bootcss.com/angular.js/1.5.5/angular.min.js"></script>


	<!-- 
	<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
	<script src="plugins/jQueryUI/jquery-ui.min.js"></script>
	<script src="resources/angularjs/angular.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
	-->
	<script>
		$.widget.bridge('uibutton', $.ui.button);
	</script>


	<!-- AdminLTE App -->
	<script src="dist/js/app.min.js"></script>

	<!-- AdminLTE for demo purposes -->
	<script src="dist/js/demo.js"></script>
	<script src="index-top.js"></script>



</body>
</html>
